<template>
	<view>
		<cu-custom title="帮助中心" ></cu-custom>
		<view  class="m-b-h m-t-25">
		 <uni-section title="" type="line">
		 			<uni-collapse ref="collapse" v-model="value" @change="change">
		 				<uni-collapse-item title="全部问题" >
		 					<view class="content">
		 						<!-- <text class="text">{{content}}</text> -->
								<view style="font-weight: bold;">1、退货换货</view>
								<text class="text">&nbsp;&nbsp;我们会有专人打包发货，也会耐心仔细负责任的对待您所购买的每一件商品。如果在配送途中出现事故等原因而导致商品出现破损、污损，又或者是出现商品发送错误的情况下，请在到货2天之内联系我们换货。如果是由于客人自己的原因和主观意识想要退货或者换货的，我们将不提供服务，敬请谅解</text>
		 					</view>
		 				</uni-collapse-item>
		 				<uni-collapse-item title="常见问题">
		 					<view class="content">
		 						<text class="text">折叠内容主体，这是一段比较长内容。默认折叠主要内容，只显示当前项标题。点击标题展开，才能看到这段文字。再次点击标题，折叠内容。</text>
		 					</view>
		 				</uni-collapse-item>
						<uni-collapse-item title="支付类">
							<view class="content">
								<text class="text">折叠内容主体，这是一段比较长内容。默认折叠主要内容，只显示当前项标题。点击标题展开，才能看到这段文字。再次点击标题，折叠内容。</text>
							</view>
						</uni-collapse-item>
						<uni-collapse-item title="退课类">
							<view class="content">
								<text class="text">折叠内容主体，这是一段比较长内容。默认折叠主要内容，只显示当前项标题。点击标题展开，才能看到这段文字。再次点击标题，折叠内容。</text>
							</view>
						</uni-collapse-item>
		 				
		 			</uni-collapse>
		 		</uni-section>
				<view class="chage-s-60" @click="toadvice()">
					<text class="f-l">意见反馈</text>
					<view class="f-r">
						
						<u-icon name="arrow-right" size="34rpx" color='#333'></u-icon>
					</view>
					
				</view>
		</view>
	</view>
</template>

<script>
	import xskCodeInput from "@/components/xsk-code-input/xsk-code-input";
	export default {
		 components: {xskCodeInput},
		data() {
			return {
				value:['0'],
				accordionVal:'1',
				// content: '折叠内容主体，可自定义内容及样式，点击按钮修改内容使高度发生变化。',
				extraIcon: {
					color: '#4cd964',
					size: '26',
					type: 'image'
				},
				
			}
		},
		methods: {
			toadvice(){
				uni.navigateTo({
					url:'/pages/user/help/advice',
				});
			},
			add() {
				if (this.content.length > 35) {
					this.content = '折叠内容主体，可自定义内容及样式，点击按钮修改内容使高度发生变化。'
				} else {
					this.content = '折叠内容主体，这是一段比较长内容。通过点击按钮修改后内容后，使组件高度发生变化，在次点击按钮恢复之前的内容和高度。'
				}
				// TODO 小程序中不支持自动更新 ，需要手动resize 更新组件高度
				// #ifdef MP
				this.$nextTick(() => {
					this.$refs.collapse.resize()
				})
				// #endif
			},
			onClick(e) {
				uni.showToast({
					title: '列表被点击'
				})
			},
			 inputConfirm() {
			            console.log(this.password)
			        },
			change(e) {
							console.log(e);
						}
		}
	}
</script>

<style lang="less" scoped>
// body{background-color: #fff !important;}
.m-b-h{ height: 100%; background-color: #fff !important;}
.m-t-25{ margin-top: 25px;}
.changetext{ text-align: center; font-size: 40rpx; padding-top: 152rpx;}
.changetext-1{ text-align: center; font-size: 30rpx; padding-top: 10rpx;}
.example-body {
		flex-direction: column;
		flex: 1;
	}

	.content {
		padding: 15px;
	}

	.text {
		font-size: 14px;
		color: #666;
		line-height: 20px;
	}
.chage-s-60{ line-height: 50px; padding: 0 15px; font-size:16px; height:50px; font-weight: 600;}
.f-l{ float: left;}
.f-r{ float: right; text-align: right; display: flex; line-height: 50px; height:50px; }
.uni-collapse-item__title-text{ font-size: 16px !important;}

</style>
